<#macro masterTemplate title="Elevator" selected="">
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>${title}</title>

		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<link href="/assets/css/bootstrap.min.css" rel="stylesheet" />
		<link href="/assets/css/docs.css" rel="stylesheet" />
		<link href="/assets/css/bootstrap-responsive.min.css" rel="stylesheet" />
		<link href="/assets/img/favicon.ico" rel="icon" />

		<script src="/assets/js/jquery-1.8.1.min.js"></script>
		<script src="/assets/js/bootstrap.min.js"></script>
		<script src="/assets/js/elevator.js"></script>
	</head>

	<body>

		<div class="navbar navbar-inverse navbar-fixed-top">
			<div class="navbar-inner">
				<div class="container">
					<a class="brand" href="#"><img alt="Fleetio Logo" src="/assets/img/logo.png" style="margin-bottom: 6px;margin-right: 4px;">Elevator</a> 
				</div>
			</div>
		</div>

		<div class="container">
		
			<#assign navElements = ["Edifici", "Modelli", "Ascensori", "Tecnici", "Interventi"] />

			<!-- Docs nav ================================================== -->
			<div class="row">
				<div class="span3 bs-docs-sidebar">
					<ul class="nav nav-list bs-docs-sidenav">
						<#list navElements as navElement>
							<li <#if selected != "" && selected?lower_case?starts_with(navElement?lower_case) || (request.uri?lower_case?starts_with("/"+navElement?lower_case))>class="active"</#if>>
								<a href="/${navElement}">
									<i class="icon-chevron-right"></i>
									${navElement}
								</a>
							</li>
						</#list>
					</ul>
				</div>
				<div class="span9">
					<#nested />
				</div>
			</div>

		</div>

	</body>
</html>
</#macro>
<#macro alert type title message id="">
<div class="alert alert-${type}" id="${id}" style="display:none">
	<button type="button" class="close" title="chiudi">
		×
	</button>
	<strong>${title}</strong>
	${message}
</div>
</#macro>